<script lang="jsx" setup>
import { ref } from 'vue';
import Proses from './modules/proses.vue';
const activeKey = ref('1');
const searchParams = ref({
  locationId: '',
  time: ''
});
function search() {

  getData();
}
</script>

<template>
  <div class="fontBoldClass">
    <ATabs v-model:activeKey="activeKey" type="card" style="height:800px !important" class="my-tabs">
      <ATabPane key="1" tab="按工序" class="my-tabs1">
        <Proses v-model:model="searchParams" @reset="search()" @search="search()" />
      </ATabPane>
      <ATabPane key="2" tab="Tab 2">按型号</ATabPane>
      <ATabPane key="3" tab="Tab 3">按板层数</ATabPane>
    </ATabs>

  </div>

</template>

<style lang="scss" scoped>
.fontBoldClass{
  :deep(.ant-tabs) {
    .ant-tabs-nav {
      margin-bottom: 0;
    }

    .ant-tabs-content-holder {
      height: calc(100% - 40px);
      .ant-tabs-content {
        height: 100%;
        .ant-tabs-tabpane {
          height: 100%;
        }
      }
    }
    .ant-tabs-nav-list {
      .ant-tabs-tab {
        border-radius: 6px 6px 0 0;
      }
      .ant-tabs-tab-active {
        background: #646cff;
        .ant-tabs-tab-btn {
          color: #fff;
        }
      }
    }
  }
}
</style>
